<template>

  <div>
    <Input/>
    <div class="shouye">
          <div class="shouye2">
           <div class="shouye3">
              <ul>
            <li class="yanse"><router-link to="./tuijian">推荐</router-link></li>
          <li class="yanse"><router-link to="./yunding">云顶</router-link></li>
          <li class="yanse"><router-link to="./tuijian">LOL</router-link></li>
          <li class="yanse"><router-link to="./tuijian">LOLM</router-link></li>
          <li class="yanse"><router-link to="./tuijian">赛事</router-link></li>
          <li class="yanse"><router-link to="./tuijian">金铲铲</router-link></li>
          <li class="yanse"><router-link to="./tuijian">视频</router-link></li>
          <li class="yanse"><router-link to="./tuijian">电视台</router-link></li>
          <li class="yanse"><router-link to="./tuijian">活动</router-link></li>
          <li class="yanse"><router-link to="./guanzhu">加1页</router-link></li>
          </ul>

           </div>
          </div>
          <keep-alive><router-view></router-view></keep-alive>
  </div>
  <Foot/>
  </div>
</template>

<script>
export default {
methods:{

}
}
</script>

<style scoped>

a{
  text-decoration: none;
  color: black;
  font-weight: 600;

} 
.shouye{
  font-size: 0.16rem;
  
  width: 100%;
  height: auto;
  overflow: auto;
  position: absolute;
  top: 0.5rem;
  bottom: .7rem;
}
li{
  width:16% ;
   flex-shrink: 0;
     height: 0.6rem;  

  
}
ul{
  width: 100%;
  display: flex;
  justify-content: space-between;
  overflow-x:auto ;
  line-height: 0.7rem;
  text-align: center;
  position: fixed;
  top:0.48rem ;
  background-color: white;
 
}
::-webkit-scrollbar {
  /* 隐藏滚动条 */
  display: none;
}
.shouye{
  display: flex;
}
.shouye2{
  flex: 1;
  min-width: 0;
}
.shouye3{
  white-space: nowrap;
  overflow: hidden;
}

</style>>

